import {React,Component} from 'react';
import { Layout,Menu } from 'antd';
import {SettingOutlined} from '@ant-design/icons';

const { Header } = Layout;
const { SubMenu } = Menu;

class IndexHeader extends Component {
    constructor(props) {
        super(props);
        this.state = {  }
    }
    render() { 
        return ( 
            <Header className='main_header' >
                <Menu mode="horizontal" style={{width:'100px',background:'transparent',borderBottom:'0'} } className='r'>
                    <SubMenu key="SubMenu" icon={<SettingOutlined />} title='用户'>
                        <Menu.Item key="setting:1">Option 1</Menu.Item>
                        <Menu.Item key="setting:2">Option 2</Menu.Item>
                    </SubMenu>
                </Menu>
            </Header>
        );
    }
}
 
export default IndexHeader;